* {
    margin: 0;
    padding: 0;
    border: none;
}

body {
    /*width: 1080px;*/
    /*height: 1920px;*/
    background: whitesmoke;
}

.token_iframe {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
    top: 0;
    overflow: hidden;
    border: none
}

/*标题栏*/
header {
    position: fixed;
    z-index: 5;
    width: 94%;
    height: 7.6vh;
    line-height: 7.6vh;
    background-color: #C5D556;
    padding-left: 3%;
    padding-right: 3%;
    vertical-align: middle;
}

header {
    font-size: 2.3vh;
    color: #fff;
    display: inline-block;
}

.return-img {
    height: 1.6vh;
    margin-top: 3vh;
    margin-right: 1.2vw;
}

.fs {
    font-size: 2.7vh;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

/*add*/
.add {
    z-index: 5;
    position: fixed;
    right: 0.1vw;
    bottom: 10.2vh;
    /*border: 2px solid #2E394C;*/
    /*border-radius: 50%;*/
}

.add-img {
    height: 13.9vw;
    width: 13.9vw;
}

.vote-page {
    position: absolute;
    margin-top: 7.6vh;
    margin-bottom: 8.7vh;
    z-index: 3;
    width: 100%;
}

/*图片加载*/
.loading {
    display: none;
    width: 11.1vw;
    height: 11.1vw;
    margin-top: 2vh;
    margin-left: 44vw;
}

/*第一页－全部*/
.page {
    float: left;
    width: 100%;
    height: 100%;
}

/*无内容空页面*/
.page .page-none {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7.6vh;
    right: 0;
    bottom: 8.7vh;
    left: 0;
    margin: auto;
}

/*img＋text*/
.page-none .none {
    width: 27.8vw;
    position: absolute;
    top: 35.4vh;
    right: 36.1vw;
    left: 36.1vw;
    margin: auto;
    text-align: center;
    color: #D6E099;
    font-size: 3.6vw;
}

.none > .none-img {
    width: 27.8vw;
    height: 27.8vw;
}

.none > .none-text {
    padding-top: 2vh;
    text-align: center;
    color: #D6E099;
    font-size: 3.6vw;
}

#none1 {
    display: none;
}

#none2 {
    display: none;
}

#none3 {
    display: none;
}

/*内容页列表*/
.page-content {
    float: left;
    background: white;
    width: 97%;
    /*width: 100%;*/
    padding-left: 3%;
}

.page-item {
    background: white;
    float: left;
    /*width: 1050px;*/
    width: 100%;
    height: 14vh;
    border-bottom: 1px solid #e5e5e5;
}

.content_left {
    display: inline-block;
    width: 17%;
    padding-top: 2.2vh;
    padding-right: 4%;
    padding-bottom: 2.2vh;
    text-align: center;
    vertical-align: middle;

}

.left-img {
    width: 9.6vh;
    height: 9.6vh;
}

.content_right {
    width: 76%;
    display: inline-block;
    padding-top: 2.1vh;
    padding-bottom: 2.4vh;
    float: right;
    margin-right: 3%;
}

.item-name {
    height: 3.6vh;
    font-weight: bold;
    font-size: 2.3vh;
    color: #323232;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.content_right > .left {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.1vh;
    line-height: 3.1vh;
    float: left;
    display: inline-block;
    font-size: 2vh;
    color: #333333;
    text-align: left;
}

.right {
    width: 50%;
    display: inline-block;
}

.item_status {
    width: 12vw;
    /*height: 3.1vh;*/
    line-height: 3.1vh;
    padding-left: 1vw;
    padding-right: 1vw;
    /*display: inline-block;*/
    float: right;
    text-align: center;
    font-size: 1.8vh;
    color: white;
    /*background: #61D064;*/
    border-radius: 1.5vh;
}

.content_right > .time {
    height: 2.9vh;
    line-height: 2.9vh;
    float: left;
    display: inline;
    color: #333333;
    font-size: 2vh;
    text-align: left;
}

.time > span {
    font-size: 2vh;
}

.content_right > .numb {
    height: 2.9vh;
    line-height: 2.9vh;
    display: inline;
    float: right;
    color: #333333;
    text-align: center;
}

.numb > span {
    font-size: 2vh;
}

.num {
    color: red;
}

/*底部三个选择标签*/
.bot {
    z-index: 5;
    display: flex;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 8.6vh;
    /*height: 9%;*/
    /*width: 1080px;*/
    width: 100%;
    background-color: white;
    border-top: 1px solid #e5e5e5;
}

.bot > .bot-tab {
    flex: 1;
    text-align: center;
    /*height: 167px;*/
}

.tab-img {
    width: 3.2vh;
    height: 3.5vh;
    margin-top: 1.56vh;
}

.tab-text {
    font-size: 1.7vh;
    color: #929292;
    margin-bottom: 0.7vh;
    /*margin-top: 0.2vh;*/
}

/*.item-name {*/
/*padding-top: 0.5vh;*/
/*font-size: 2.34vh;*/
/*}*/

.pop-up {
    position: fixed;
    display: none;
    top: 50vh;
    left: 20%;
    z-index: 999;
    border-radius: 1rem;
    width: 60%;
    height: 8vh;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    color: white;
    line-height: 8vh;
    font-size: 2.34375vh;
}
